
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<ttle>响应式布局</ttle>
<link rel="stylesheet" href="./网站布局.css">
</head>
<body>
	<div class="box">
		<div class="fristbox" style="height:50px;color:  rgb(222, 226, 226)">上+中+下</div>
		<div class="fristbox" style="height:400px;"></div>
		<div class="fristbox" style="height:30px;"></div>
	</div>
	<div class="box">
		<div class="fristbox" style="height:400px;width: 200px; color: rgb(222, 227, 228)">左+右</div>
		<div class="fristbox" style="height:400px;width: 640px;margin-left:5px"></div>
	</div>
	<div class="box">
		<div class="fristbox" style="height:50px;color: rgb(229, 232, 233)">上+中+下</div>
		<div class="fristbox sthhave" style="height:400px;background: none">
			<div class="smbox"></div>
			<div class="smbox"></div>
			<div class="smbox"></div>
		</div>
		<div class="fristbox" style="height:30px;"></div>
	</div>
	<div class="box">
		<div class="fristbox" style="height:50px;color: rgb(227, 228, 228)">上+中+下</div>
		<div class="fristbox sthhaveother" style="height:400px;background: none">
			<div style="background-color:rgb(208, 12, 12);margin:5px"></div>
			<div style="background-color:rgb(214, 15, 15);margin:5px"></div>
			<div style="background-color:rgb(227, 8, 19);margin:5px"></div>
		</div>
		<div class="fristbox" style="height:30px;"></div>
	</div>
</body>
</html>
